<style>
    .tab-bar > li a{
        color: #777;
    }
    .tab-bar > li.active a{
        background-color: #f5f5f5;
        color: #111;
    }
    .tab-bar{
        background-color: #dddddd;
    }
    .xh-area-form table tr td {
        padding: 10px;
    }
</style>
<script>
    var city = {{ city }};
    var province = {{ province }};
    var county   = {{ county }};
    var info     = {{ info }};
</script>
<div class="smart-widget widget-dark" style="height: 100%;width: 100%;margin-bottom: 0px;border-top: 1px;">
    <div class="smart-widget-inner" style="height: 100%;width: 100%; background-color:#f5f5f5" >
        <div  class="widget-tab clearfix">
            <ul class="tab-bar" >
                <li class="active"><a href="#style3Tab1" data-toggle="tab">基本信息</a></li>
            </ul>
        </div>
        <div class="smart-widget-body" style="height: 92%;width: 100%;padding-bottom: 0px;">
            <div class="tab-content" style="height: 100%;width: 100%;">
                <div class="tab-pane fade in active" id="style3Tab1" style="height: 100%;width: 100%;padding-top: 30px">
                    <form id="xh_form">
                        <div class="xh-area-form">
                            <table >
                                <tr>
                                    <td style="width: 75px;">
                                        <label>居住人</label>
                                    </td>
                                    <td style="width: 200px;">
                                        <input type="text" name="sOperator" autocomplete = 'off'>
                                    </td>
                                    <td><label>联系电话</label></td>
                                    <td ><input type="text" name="sAgencyPhone" autocomplete = 'off'></td>
                                    <td><label>住址类型</label></td>
                                    <td>
                                        <select name="iType">
                                            <option value="">请选择</option>
                                            <option value="1">家</option>
                                            <option value="2">学校</option>
                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="width: 75px;"><label>省</label></td>
                                    <td style="width: 200px;">
                                        <select  id="iProvince" name="iProvince" targetFormat="sProvince" style="width: 200px;">
                                            <option value="">请选择</option>
                                        </select>
                                        <input type="hidden" name="sProvince">
                                        <input type="hidden" name="iRHId">
                                    </td>
                                    <td style="width: 75px;"><label>市</label></td>
                                    <td style="width: 200px;">
                                        <select  id="iCity" name="iCity" targetFormat="sCity" style="width: 200px;" >
                                            <option value="">请选择</option>
                                        </select>
                                        <input type="hidden" name="sCity">
                                    </td>
                                    <td style="width: 75px;"><label>县</label></td>
                                    <td style="width: 200px;">
                                        <select  id="iCounty" name="iCounty" targetFormat="sCountry" style="width: 200px;" >
                                            <option value="">请选择</option>
                                        </select>
                                        <input type="hidden" name="sCounty">
                                    </td>
                                </tr>
                                <tr>
                                    <td><label>详细地址</label></td>
                                    <td colspan="5"><input type="text" name="sAddress" autocomplete = 'off'></td>
                                </tr>
                                <tr>
                                    <td style="width: 75px;"><label>运营区</label></td>
                                    <td style="width: 200px;">
                                        <select  id="iSecArea" name="iSecArea"  style="width: 200px;">
                                            <option value="">请选择</option>
                                            {% for id,text in secArea %}
                                                <option value="{{ id }}">{{ text }}</option>
                                            {% endfor %}
                                        </select>
                                    </td>
                                    <td style="width: 75px;"><label>运营县</label></td>
                                    <td style="width: 200px;">
                                        <select  id="iThirdArea" name="iThirdArea" style="width: 200px;" >
                                            <option value="">请选择</option>
                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <td valign="middle"><label>备注</label></td>
                                    <td colspan="5"><textarea border="0" name="mDesc" rows="3" autocomplete = 'off'></textarea></td>
                                </tr>
                                {% if power %}
                                <tr>
                                    <td></td>
                                    <td>
                                        <a id="save" class="btn btn-primary">保存</a>
                                    </td>
                                </tr>
                                {% endif %}

                            </table>
                        </div>
                    </form>
                    {% if str is defined %}
                    <div style="position: absolute;top: 50px;right:30px;z-index:999; color: #aaa;margin-right: 10px;">{{ str }}</div>
                    {% endif %}
                </div><!-- ./tab-pane -->
            </div><!-- ./tab-content -->
        </div>
    </div>
</div>